<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<%
String path = request.getContextPath(); 
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <cw:base/>
  </head>
  <%
  	//模拟字典缓存
  	java.util.Map dic = new java.util.HashMap();
  	dic.put("dicSex", "[[1,'男'],[2,'女']]");
  	application.setAttribute("dic", dic);
  %>
  <body>
  <!--  
   可编辑表格说明<br/>
   <li>1、内置编辑器类型:string(字符串),date(日期),time(时间),number(数值),int(整数),email(电子邮件),url(网址)
   <li>2、表单输入域作为编辑器:基本上继承ExtField的输入域都能作为编辑器，有些复杂的可能需要进行代码处理，目前测试的有numberField和combobox
   <li>3、selectMode:可选择radio,checkbox；设置为radio为单行选择,checobox为多行选择；
   <li>4、列标题没有设置时，默认按照property作为标题
   <li>5、现在固化了3中操作按钮,add()、delete()、update()，
   <li>6、新增记录，需要在gridColumn中设置默认值(defaultValue)，不设置默认值，系统会根据类型分别设置默认值，详细情况见tld
   -->
	<ul>
		<li>
			<b>动态表格允许部分或全部列动态生成，动态列和普通表格列控件类似，也能加载和提交数据。</b>
		</li>
		<li>
			<b>动态表格构件通过metaUrl属性定义表格元数据(列)访问地址。返回的json数据格式为{record:[...],colModel:[...]}，其中record和colModel分别为表格记录格式和表格列模型的列表。</b>
		</li>
	</ul>
	<br/>
	<br/>
	<ul>
		<li>
			设置metaUrl为data.json，从中动态生成birthday和创建时间列
	  	<cw:dynamicGrid id="editGrid1" title="动态表格"
	  		url="../../../../sample/grid/grid.query.action"
	  		exportable="false" enablePage="false" selectMode="checkbox"
	  		urlParams="{id:0}" 
	  		stripeRows="true" stripleColor="#C0C0C0" autoLoad="true" loadMask="true"
	  		metaUrl="data.json">
	  		<cw:toolBar>
	  			<cw:actionButton type="add" title="添加" split="true"></cw:actionButton>
	  			<cw:actionButton type="delete" title="删除" split="true"  url="../../../../sample/grid/editgrid.delete.action" 
	  			    waitMsg="正在删除数据..."/>
	  			<cw:actionButton type="update" title="保存" split="true" url="../../../../sample/grid/editgrid.update.action" 
	  			    waitMsg="正在保存数据..."/>
	  			<cw:actionButton type="" action="alert('总记录:'+Ext.getCmp('editGrid2').getStore().getTotalCount());" 
	  			    title="记录总数"/>
	  			<cw:actionButton type="copy" title="复制"/>
	  		</cw:toolBar>
	  		<cw:indexColumn/> 
	  		<cw:gridColumn property="id" width="60" title="编号"/>
	   		<cw:gridColumn property="name" editable="true" editorType="string" sortable="true" width="120" title="姓名" 
	   		    defaultValue="xieguoking"/>
	   		<cw:gridColumn property="email" editable="true" editorType="email"  sortable="true" width="120" 
	   		    defaultValue="xieguoking@gmail.com"/>  		
	  		<cw:gridColumn property="age" editable="true"  sortable="true" width="80" dataType="int" defaultValue="27" format="1,000">
	  			<cw:number property="age" allowDecimals="false" allowNegative="false"/>	 
	  		</cw:gridColumn>
	  		<cw:gridColumn property="sex" dataType="code" format="dicSex" editable="true"  sortable="true" width="80"
	  		    editorType="int" defaultValue="1">
	  			<cw:combobox property="sex" data="[[1,'男'],[2,'女']]"/>
	  		</cw:gridColumn> 
	  	</cw:dynamicGrid>
	  	<br/>
	  	</li>
	  </ul>
  </body>
  <cw:theme></cw:theme>
 </html>
 